<template>
  <el-container class="wrapper">
		<el-header>
			<div class="wy-header">
				<h1>慧就-就业管理平台-管理员端</h1>
				<WyCenter>个人信息</WyCenter>
			</div>
		</el-header>
		<el-container>
			<el-aside width="200px">
				<WyMenu />
			</el-aside>
			<el-main>
				<router-view />
			</el-main>
		</el-container>
		<el-footer>
			<h3>产权归xxx所有 违法必究</h3>
		</el-footer>
	</el-container>
</template>

<script setup>
import WyMenu from '@@/menu'
import WyCenter from '@@/center'
</script>

<style scoped lang="scss">
$wyborder: 1px solid #cccccc;
.wrapper {
	min-height: 100vh;
	.el-header,.el-footer{
		display: flex;
		align-items: center;
	}
	.el-header {
		border-bottom: $wyborder;
		.wy-header {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
	}
	.el-aside {
		border-right: $wyborder;
	}
	.el-footer {
		border-top: $wyborder;
	}
}
</style>